@import "common.less";
@menu-border: 1px solid rgba(255,255,255,0.2);

html {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font: 62.5% Helvetica, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	min-width: 700px;
	background-color: white;

	.popupForm {
		.round_corners(0,0,0,0);

		h2 {
			color: #333;
			background: transparent url(../images/dotted_border_hor.gif) repeat-x scroll left bottom;
			font-size: 2em;
			font-weight: normal;
			margin: 0 3px;
			padding: 9px 15px 8px 9px;
			border-bottom: none;
		}
	}
}

form, fieldset, h5, h6, pre, blockquote, ol, dl, dt, dd, address, dd, dtm, div, td, th, hr {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: normal;
	color: #333;
	padding-bottom: 1em;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: normal;
	color: #333;
	padding-bottom: 1em;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #333;
	padding-bottom: 1em;
}

h4 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	padding-bottom: 0.5em;
}

p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #333;
	padding-bottom: 1em;
	line-height: 150%;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a {
	color: #336699;
}

a:hover {
	color: #19334d;

	span.caption_indicator {
		background-color: #fff;
		color: #333;
	}

}

.offset-top {
	margin-top: 1em;
}

.offsetTop { /* deprecated */
	.offset-top;
}

.offset-top-small {
	margin-top: 0.5em;
}

.offsetTopSmall { /* deprecated */
	.offset-top-small;
}

.no-offset-bottom {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.noOffsetBottom { /* deprecated */
	.no-offset-bottom;
}

.inline_block {
	display: inline-block;
}

.allow-overflow {
	overflow: visible!important;
}

p.noData {
	background: #eee;
	color: #555;
	text-align: center;
	padding: 1em 0;
	font-size: 1.2em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

p.minor-comment {
	color: #666666;
}

p.loading {
	background: transparent url(../images/loading_snake.gif) no-repeat left top;
	padding-left: 20px;
}

.relative {
	position: relative;
}

.invisible {
	visibility: hidden;
}

.drag, tr.drag td {
	background: #f9f8d7 !important;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

ul.breadcrumbs {
	font: normal 1.1em/150% @font-1;
	padding-bottom: 1em;

	a {
		float: left;
		margin-right: 5px;
		background: transparent url(../images/breadcrumb.gif) no-repeat right center;
		padding-right: 9px;
	}

	li {
		display: inline;
		color: #666;
	}
}

div.pagination {
	padding-top: 1em;

	p {
		padding-bottom: 0.2em;
		color: #666;
	}

	strong {
		color: #333;
	}

	p.pages {
		color: #ccc;
	}

	a {
		text-decoration: none;
	}

	span.numbers {
		color: #333;
	}
}

.round {
	position: relative;

	.lt {
		background-image: url('../images/rnd_lt.png');
	}

	.rt {
		background-image: url('../images/rnd_rt.png');
	}

	.lb {
		background-image: url('../images/rnd_lb.png');
	}

	.rb {
		background-image: url('../images/rnd_rb.png');
	}
}

.lt {
	width: 3px;
	height: 3px;
	position: absolute;
	background-repeat: no-repeat;
	display: block;
	left: 0;
	top: 0;
	background-position: left top;
}

.rt {
	width: 3px;
	height: 3px;
	position: absolute;
	background-repeat: no-repeat;
	display: block;
	right: 0;
	top: 0;
	background-position: right top;
}

.lb {
	width: 3px;
	height: 3px;
	position: absolute;
	background-repeat: no-repeat;
	display: block;
	left: 0;
	bottom: 0;
	background-position: left bottom;
}

.rb {
	width: 3px;
	height: 3px;
	position: absolute;
	background-repeat: no-repeat;
	display: block;
	right: 0;
	bottom: 0;
	background-position: right bottom;
}

#header {
	background: transparent url('../images/header_bg.gif') repeat-x left top;
	
	.header_links {
		float: right;
		margin-top: 30px;
		line-height: 100%;
		font-size: 12px;
		
		.user_welcome {
			float: left;
			font-size: inherit;
			line-height: inherit;
			padding: 3px 0 3px 20px;
			margin-right: 10px;
			background: transparent url(../images/user_pic.png) no-repeat left center;
		}
		
		#settings_link_container {
			float: right;
			margin-right: 10px;
			outline: none;
		}
		
		.settings_link {
			float: right;
			width: 20px;
			height: 20px;
			background: transparent url(../images/settings_sprite.png) no-repeat 3px 3px;
			padding: 3px;
			text-indent: -100000em;
			margin-top: -3px;
			border-top: 1px solid rgba(0,0,0,0.01);
			border-left: 1px solid rgba(0,0,0,0.01);
			border-right: 1px solid rgba(0,0,0,0.01);
			
			&:hover {background-color: rgba(0,0,0,0.05);}
			
			&.active {
				background-color: #2B5682!important;
				background-position: 3px -57px;
				border-top: @menu-border;
				border-left: @menu-border;
				border-right: @menu-border;
				.box-shadow(-2px, 2px, 3px, 0.2);
			}
		}
		
		#user_controls_wrapper {
			position: absolute;
			z-index: 1000002;
			right: 10px;
			top: 52px;
			background-color: #2B5682;
			
			#user_menu_connector {
				background: transparent;
				border-top: 5px solid #2B5682;
				position: absolute;
				right: 0;
				top: -1px;
				margin-top: -3px;
				height: 3px;
				width: 30px;
				display: none;
			}
			
			&.active {
				.box-shadow(-2px, 2px, 3px, 0.2);
				border: @menu-border;
				
				#user_menu_connector {
					display: block;
				}
			}
			
			#user_controls {
				li {
					display: block;
					
					a {
						display: block;
						color: white;
						padding: 10px;
						text-decoration: none;
						border-bottom: 1px solid rgba(255,255,255,0.1);
						
						&.last { border-bottom: none; }
						&:hover {
							background: rgba(255,255,255,0.1);
						}
					}
				}
			}
		}
		
		.site_links {
			float: left;
			color: #666666;
			margin-right: 10px;
			clear: right;
			
			li.view_site {
				float: right;
				
				a {
					float: right;
					background: transparent url(../images/store.png) no-repeat left center;
					padding: 3px 0 3px 20px;
					text-decoration: none;
				}
			}
		}
	}
	
/*	.user_controls a, .site_links a {
		text-decoration: none;
		padding: 1px 3px 3px;
	}

	.user_controls a:hover, .site_links a:hover {
		background-color: #eee;
		background-color: rgba(0,0,0,0.1);
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		color: #336699;
	}
*/
	.container {
		height: 76px;
		
		a {
			text-decoration: none;
		}
	}

	.lemonStandLogo {
		float: left;
	}

	.lemonStandName {
		display: none;
	}

	.customLogo {
		float: left;
		margin: 13px 8px 0 13px;
	}

	a img {
		border: none;
	}

	.header_separator {
		float: left;
		height: 47px;
		width: 2px;
		margin-top: 14px;
		margin-right: 8px;
		background: transparent url(../images/header_separator.gif) no-repeat left top;
	}

	img.border {
		border-color: #666 #666 #999 #999;
		border-style: solid;
		border-width: 1px;
		margin-top: 12px;
	}

	.header_text {
		float: left;
		margin-right: 8px;
		padding: 27px 0 0 0;
		line-height: 100%;
		font-size: 2.5em;
		font-weight: bold;
		color: #777;

		a {
			text-decoration: none;
			color: #777;
		}
	}

	.page_name {
		text-align: center;
		float: left;
		padding: 27px 0 0 0;
		line-height: 100%;
		font-size: 2.5em;
		font-weight: bold;
		color: #999999;
		text-shadow: 1px 1px 0 #fff;
	}

	.user_controls {
		float: right;
		font: normal 1.1em/150% Tahoma, @font-1;
		color: #666666;
		padding: 1em 1em 0.5em 1em;

		em {
			color: #666;
			font-style: normal;
		}
	}

	ul.user_controls li {
		float: left;
		margin-right: 2px;
		background: transparent url(../images/user_control_separator.gif) no-repeat right 55%;
		padding-right: 6px;
	}

	ul.user_controls li.last {
		margin-right: 0;
		padding-right: 0;
		background-image: none;
	}
	
	&.no_menu {
		border-bottom: 1px solid #ccc;
	}
}

#header_tabs {
	background-color: #336699;
	background-repeat: repeat-x;
	background-position: bottom left;

	.top_shadow {
		.box-shadow-inset(0, 4px, 4px, 0, rgba(0,0,0,0.2));
	}

	p {
		float: left;
		color: #ffffff;
		font-size: 12px;
		line-height: 100%;
		padding: 0;

		a {
			float: left;
			color: white;
			text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
			background: transparent url(../images/menu_marker.png) no-repeat center center;
			border-right: 1px solid rgba(255,255,255,0.3);
			margin-right: 5px;
			padding: 14px 0 12px 0;
			width: 32px;
			text-decoration: none;
			text-indent: -10000em;
			outline: none;
			
			&:hover {
				background-color: rgba(255,255,255,0.2);
			}
			
			&.active {
				.box-shadow(2px, 2px, 3px, 0.2);
				background-color: #2B5682;
			}
		}
	}
	
	.current_module_name {
		float: left;
		color: white!important;
		font-size: 16px;
		line-height: 100%;
		padding: 12px 17px 8px 7px;
		background: transparent url(../images/menu_module_arrow.png) no-repeat right 57%;
		font-weight: bold;
		margin-right: 10px;
		
		&.no_tabs {
			background: transparent;
			margin-right: 0;
		}
	}

	ul li {
		float: left;
		color: white;
		line-height: 100%;
		position: relative;

		a:hover {
			background: transparent url(../images/tab_hover.png) repeat-x left top;
		}

		a {
			font-size: 12px;
			line-height: 100%;
			float: left;
			padding: 14px 9px 12px;
			color: white;
			outline: none;
			text-decoration: none;
		}

		ul {
			white-space: nowrap;

			li {
				background: #336699;
				display: block;
				float: none;

				a {
					padding: 0.8em 1em;
					float: none;
					display: block;
					color: white !important;
				}

				a:hover {
					background: #cc9933;
					color: white;
				}
			}

			li.last, li.last a {
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-left-radius: 5px;
			}
		}
	}

	ul li.current {
		background-color: white;
		.box-shadow-inset(0, 4px, 4px, 0, rgba(0,0,0,0.2));

		a {
			color: #336699;
			font-weight: bold;
		}
	}

	.submenu_wrapper {
		position: absolute;
		top: 36px;
		z-index: 104;
	}
}

#toggle_backend_fullscreen {
	float: right;
	width: 20px;
	height: 20px;
	background: transparent url(../images/fullscreen.png) no-repeat left top;
	text-indent: -10000em;
	margin-right: 10px;
	margin-top: 9px;
	outline: none;
}

#toggle_backend_fullscreen.on {
	background: transparent url(../images/fullscreen_off.png) no-repeat left top;
}

#toggle_backend_fullscreen:hover {
	background-color: rgba(255,255,255,0.2);
}

#module_tabs_wrapper {
	position: absolute;
	z-index: 1000001;
	.box-shadow(2px, 2px, 3px, 0.4);
}

#module_tabs {
	float: left;
	padding: 0;
	position: relative;

	.main_menu_wrapper .subtabs li a {
		font-size: 12px !important;
		text-shadow: none !important;
		padding: 3px !important;
		color: rgba(255,255,255,0.9);
	}

	.main_menu_wrapper .subtabs li:hover {
		.opacity(100);
		
		a {
			background: rgba(0,0,0,0.2);
			.round_corners(2px,2px,2px,2px);
		}
	}
}

.main_menu_wrapper {
	background: #2B5682;
	border-right: @menu-border;
	border-bottom: @menu-border;
	border-top: @menu-border;
	max-width: 400px;
	position: relative;

	#main_menu_connector {
		background: transparent;
		border-top: 3px solid #2B5682;
		position: absolute;
		left: 0;
		top: -2px;
		height: 3px;
		width: 30px;
	}

	.top_tabs a {
		color: white;
	}

	.top_tabs li.top_tab {
		padding: 8px 10px;
		clear: both;
		border-bottom: 1px solid rgba(255,255,255,0.1);

		a {
			font-size: 15px;
			text-decoration: none;
			text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
			display: block;
		}
		
		ul.tab_groups li {
			float: left;
			margin-left: -4px;
			margin-right: 8px;
			background: transparent url(../images/tab_separator.png) no-repeat right 45%;
			padding-right: 7px;
			
			&:last-child {
				background-image: none;
				padding-right: 0;
			}
			
			a {
				padding: 4px;
				.round_corners(2px,2px,2px,2px);

				&:hover {background: rgba(0,0,0,0.2);}
			}
		}
	}

	.top_tabs li.single {
		padding: 0 !important;

		a {
			padding: 8px 10px;
		}
	}

	.top_tabs li.top_tab:hover {
		background: rgba(255,255,255,0.05);
	}

	.top_tabs li.top_tab.last,
	.top_tabs li.top_tab:last-child {
		border-bottom: none;
	}

	.subtabs {
		white-space: nowrap;
		margin-left: -3px;
		margin-top: 4px;

		li {
			float: left;
			margin-right: 5px;
			padding: 0 8px 0 0;
			.opacity(80);
			background: transparent url(../images/tab_separator.png) no-repeat right 45%;
		}

		li.last,
		li:last-child {
			background-image: none;
			margin-right: 0;
		}
	}
	
	.module-notifications {
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: rgba(255,255,255,0.1);
		.round_corners (4px, 4px, 4px, 4px);

		li {
			position: relative;
			
			&.no-link {
				padding: 5px 8px;
			}
			
			a {
				display: block;
				padding: 5px 8px;
				.round_corners (0, 0, 0, 0);
				
				img {
					outline: none;
					border: none;
				}
				
				&:hover {
					background-color: rgba(0,0,0,0.2);
				}
			}
			
			
			&:last-child {
				margin-bottom: 0;
				
				a {
					.border_radius_lb(4px);
					.border_radius_rb(4px);
				}
			}
			
			&:first-child {
				a {
					.border_radius_lt(4px);
					.border_radius_rt(4px);
				}
			}
			
			img {
				float: left;
				margin-right: 8px;
			}

			span {
				float: left;
				font-size: 12px;
				text-shadow: none;
				color: white;
				margin-top: 2px;
			}
			
			a.close-notification {
				position: absolute;
				width: 10px;
				height: 10px;
				right: 5px;
				padding: 2px;
				top: 6px;
				background: transparent url(../images/close-notification.png) no-repeat 3px 3px;
				text-indent: -1000000em;
				.opacity(70);
				
				&:hover {
					background-color: rgba(0,0,0,0.2);
					.round_corners (4px, 4px, 4px, 4px);
				}
			}
		}
	}
}

#footer {
	background: url(../images/footer_bg.gif) repeat-x left top;
	padding-bottom: 30px;

	p {
		color: #666;
		text-align: right;
		margin-bottom: 0;
		padding: 10px 20px 0 0;
		line-height: 170%;
		font-size: 1.1em;
		float: right;

		a {
			color: #666;
		}
	}

	p.logo {
		text-align: right;
	}

	a img {
		border: none;
	}

	.footer_logo {
		margin-top: 13px;
		margin-left: 13px;
		float: left;
	}
}

#footer_custom_text {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	max-width: 400px;

	p {
		float: none;
		padding-top: 0;
		text-align: left;
	}
}

p.last {
	padding-bottom: 0;
	margin-bottom: 0 !important;
}

#content {
	padding: 1em 15px 2em 15px;
	background: white;
	-webkit-transition: all 0.3s linear;

	.popupForm {
		background: transparent url(../images/popup_bg.png) repeat left top;
		padding: 18px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0px 0px 15px #333;
		-webkit-box-shadow: 0px 0px 15px #333;
		box-shadow: 0px 0px 15px #333;
		border: 1px solid #bbb;
	}

	div.form ul.formElements li .shadow_inner a.delete_image {
		background-image: url(../images/delete_icon.png);
		height: 19px;
		right: -10px;
		text-align: left !important;
		text-indent: -100000em !important;
		top: -8px;
		width: 19px;
	}

	div.form ul.formElements li .shadow_inner:hover a.delete_image {
		display: block !important;
	}

	.clear-fix;
	&:after { .clear-fix-after; }
}

body.no_bottom_offset #content {
	padding-bottom: 0;
}

.top_indent #content {
	padding-top: 1.5em;
}

h2.separated {
	background: transparent url('../images/border_h_dotted.gif') repeat-x left bottom;
	margin-bottom: 1em;
	padding-bottom: 0.3em;

 	+ div.toolbar {
		margin-top: -10px;
	}
}

h3.separated {
	background: transparent url('../images/border_h_dotted.gif') repeat-x left bottom;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
}

h4.separated {
	background: transparent url('../images/border_h_dotted.gif') repeat-x left bottom;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
}

h4.secondary {
	color: #666;
	margin-bottom: 0.4em;
}

height200 {
	height: 200px !important;
}

.height300 {
	height: 300px !important;
}

.height400 {
	height: 400px !important;
}

body.printLayout {
	background: #444;

	#content {
		margin: 10px 10px 10px 10px;
		padding-bottom: 1em !important;
		-webkit-box-shadow: 5px 5px 5px #333;
		-moz-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
	}
}

div.controlPanel {
	padding-bottom: 1.5em;
}

div.list_controlPanel {
	float: left;
	padding-bottom: 1em;

	h2 {
		padding-bottom: 0;
	}
}

div.button {
	font: normal 1.1em @font-2;
	margin-right: 0.7em;
	margin-top: 0.5em;
	float: left;
	position: relative;
	a:hover, a:focus {
		background-color: #3a74af;
		color: white;
		text-shadow: none !important;
	}

	a {
		font: normal 12px @font-1 !important;
		padding: 0.4em 0.6em;
		display: block;
		text-decoration: none;
		color: #555555;
		background-color: #ddd;
		text-shadow: 1px 1px 0 #eee;
	}

	.lt {
		position: absolute;
		width: 3px;
		height: 3px;
		background-repeat: no-repeat;
		background-image: url('../images/button_lt.png');
		left: 0;
		top: 0;
	}

	.lb {
		position: absolute;
		width: 3px;
		height: 3px;
		background-repeat: no-repeat;
		background-image: url('../images/button_lb.png');
		left: 0;
		bottom: 0;
	}

	.rb {
		position: absolute;
		width: 3px;
		height: 3px;
		background-repeat: no-repeat;
		background-image: url('../images/button_rb.png');
		right: 0;
		bottom: 0;
	}

	.rt {
		position: absolute;
		width: 3px;
		height: 3px;
		background-repeat: no-repeat;
		background-image: url('../images/button_rt.png');
		right: 0;
		top: 0;
	}

	ul li, ul li a {
			float: none;
			display: block;
			display: relative;
			background: #336699;
			line-height: 145%;
	}

	ul a:hover {
		background-color: #cc9933 !important;
	}

	div.wrapper {
		position: absolute;
		width: 100%;
		z-index: 1000;
	}
}

div.button.right {
	float: right;
	margin-right: 0;
	margin-left: 0.7em;
}

div.button.last {
	margin-right: 0;
}

div.button:active {
	a {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

div.button.menu a:hover {
	background-color: #7f96ab;
}

div.button_separator {
	float: left;
	padding: 0 1em;
	border-right: 1px solid #ccc;
	height: 2.5em;
	margin-top: 0.5em;
	margin-left: -1.8em;
	margin-right: 1em;
}

p.toolbar_text {
	float: left;
	padding-top: 8px;
	color: #666666;
	padding-bottom: 0;
}

.scoreboardReport { /* deprecated */
	.scoreboard-report;
}

.scoreboard-report {
	padding-bottom: 2em;

	li {
		float: left!important;
		padding: 0 1em 0.3em 0!important;
		margin-right: 1em!important;
		border-right: 1px solid #ccc!important;
		clear: none!important;
	}

	li.last {
		border-right: none!important;
	}

	h3 {
		font: normal 1.3em/150% @font-1!important;
		color: #000000!important;
		padding-bottom: 0!important;
	}

	p {
		font: bold 2.4em @font-1!important;
		color: #333333!important;
		padding-bottom: 0!important;

		a {
			text-decoration: none;
		}

		span.growth {
			color: #72ab4f;
			font-size: 0.6em;
		}

		span.decline {
			color: #cd6464;
			font-size: 0.6em;
		}
	}

	p.description {
		font: normal 1.2em @font-1!important;
		color: #666666!important;
		padding-top: 0.2em!important;
		padding-bottom: 0!important;

		a {
			text-decoration: underline;
		}
	}
	
	.clear-fix;
	&:after { .clear-fix-after; }
}

.minorPadding .scoreboardReport {
	padding-bottom: 0.5em;
}

.noPadding .scoreboardReport {
	padding-bottom: 0;
}

h2.report_header {
	border-bottom: 2px solid #666;
}

.formElements .code textarea {
	font: normal 1.2em/150% 'Monaco', Courier, @font-1 !important;
}

.formElements li h4 {
	padding-top: 8px;
}

.formElements li.offsetTop {
	margin-top: 10px;
}

div.form {
	margin-bottom: 1em;
	
	ul.formElements {
		li .shadow_inner {
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-box-shadow: 2px 2px 3px #ddd;
			-webkit-box-shadow: 2px 2px 3px #ddd;
		}

		li div.single .shadow_inner {
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		}

		table.simpleList {
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;

			td.checkbox input, th.checkbox input {
				width: auto;
			}
		}

		div.scrollableList table.simpleList {
			border-left: none;
		}

		li.text input,
		li.password input, 
		li.date input.date, 
		input.form_text_field,
		li.textarea textarea {
			background-image: none!important;
			.box-shadow-inset(1px, 1px, 1px, 0, rgba(0,0,0,0.1));
			border-color: #AAA!important;
			.round_corners (3px, 3px, 3px, 3px);
		}
		
		li.code_editor 
		{
			.code_wrapper {
				border: 1px solid #aaa !important;
				border-top: 1px solid #aaa !important;
				.round_corners (3px, 3px, 3px, 3px);
			}
			
			iframe {
				.box-shadow-inset(1px, 1px, 1px, 0, rgba(0,0,0,0.1));
			}
		}
		
		li.checkbox div.checkbox
		{
			position: absolute;
			top: 3px;
		}
	}

	.separated {
		background: transparent url('../images/border_h_dotted.gif') repeat-x left bottom;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.CodeMirror-line-numbers {.round_corners (3px, 0, 0, 3px);}
	.code_editor_footer {.round_corners (0, 0, 3px, 3px);}
}

div.checkbox {
	width: 13px;
	height: 13px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #aaa;
	.round_corners (2px, 2px, 2px, 2px);
	background: white url(../images/controls.png) no-repeat 0 -16px;
	.padding-background-clip;
	
	&.disabled {
		border-color: #ccc!important;
		.opacity(50);
		cursor: default;
	}
	
	&.checked {
		background-position: -1px -2px;
	}
	
	&:focus {
	 	border-color: #0099ce;
		outline: none;
	}
}

ul.filter_switchers li {
	min-height: 15px;
	padding-bottom: 2px!important;
	
	&:last-child {padding-bottom: 0!important;}
	
	div.checkbox {
		float: left;
		margin-left: -3px;
		width: 12px;
		height: 12px;
	}
	
	label {
		float: left;
		margin: 2px 0 0 5px;
	}
}

.webkit {
	ul.filter_switchers li {
		label {
			margin-top: 1px;
		}
	}
}

.previewContainer div.checkbox {
	border: none;
	cursor: default;
	.round_corners (0, 0, 0, 0);
}

div.form {
	ul.formElements {
		li.checkboxlist {
			div.option {
				position: relative;
				
				div.checkbox { 
					position: absolute; 
					top: 2px;
				}
			}
		}
	}
}

table.simpleList {
	td.checkbox, 
	th.checkbox {
		div.checkbox {
			float: left;
			margin-top: 3px;
			margin-left: 2px;
		}
	}
} 

ul.checkboxes li {
	div.checkbox {
		float: left;
		margin-top: 1px;
		margin-right: 5px;
	}
}

optgroup {
	font-style: normal;
	color: #666;
}

option {
	color: #000;
}

div.inline_form div.form_page {
	padding: 0;
	background: transparent!important;
}

li.checkbox_align {
	label, div.fieldContainer {
		margin-left: 20px;
	}
}

a.imageLink, div.imageLink {
	float: left;
	padding: 0 0 1em 20px !important;
	margin-top: 1em;
	margin-right: 1em;
	outline: none;
}

a.imageLink.disabled {
	color: #999;
	text-decoration: none;
	cursor: default;
}

p.imageLinkComment {
	padding: 0 0 1em 20px !important;
	clear: both;
	color: #666;
	text-decoration: none !important;
	font: normal 11px Tahoma, @font-1;
}

.first a.imageLink {
	margin-top: 0.5em;
}

.last a.imageLink {
	padding-bottom: 0 !important;
}

p.addDocument {
	font-size: 1.2em;
	padding: 1px 0 1.3em 20px !important;
	margin-top: 1em;
	background: transparent url('../images/document_add.gif') no-repeat left top;
}

p.img_noBottomPading, a.img_noBottomPading {
	padding-bottom: 0 !important;
}

.addDocument {
	background: transparent url('../images/document_add.gif') no-repeat left top;
}

.deleteDocument {
	background: transparent url('../images/document_delete.gif') no-repeat left top;
}

.pasteDocument {
	background: transparent url('../images/page_white_paste.gif') no-repeat left top;
}

.putDocument {
	background: transparent url('../images/page_white_put.gif') no-repeat left top;
}

.stackDocument {
	background: transparent url('../images/page_white_stack.gif') no-repeat left top;
}

.copyProperties {
	background: transparent url('../images/copy_properties.png') no-repeat left top;
}

td a.deleteDocument {
	text-indent: -10000em;
	width: 16px;
	height: 16px;
	float: right;
	background: transparent url('../images/document_delete.gif') no-repeat left top;
	outline: none;
}

td img.list_inline_image {
	display: block;
	margin: 3px;
}

div.toolbar {
	background: #eeeeee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 7px;
	margin-bottom: 15px;
	
	.imageLink:hover, .imageLink.hold:hover {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #3a74af;
		color: white;
		text-shadow: none;
	}

	.imageLink.menu_visible:hover, .imageLink.menu_visible {
		background-color: #aaa;
		color: #fff;
		text-shadow: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		border-radius: 3px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.imageLink {
		margin-top: 0;
		padding: 5px 7px 5px 26px !important;
		text-decoration: none;
		color: #555555;
		text-shadow: 1px 1px 0 #ffffff;
		font: normal 12px @font-2;
		margin-right: 5px;
		-webkit-transition: background-color 0.1s linear;

		a {
			text-decoration: none;
			color: inherit;
			outline: none;
		}
	}

	.imageLink.hold {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #d6d6d6;
	}

	.imageLink.disabled {
		color: #aaa;
	}

	.imageLink.disabled:hover {
		text-shadow: 1px 1px 0 #fff;
		background-color: transparent;
	}

	div.separator {
		float: left;
		width: 2px;
		background: transparent url(../images/toolbar_button_separator.gif) repeat-y left top;
		height: 18px;
		margin-top: 4px;
		margin-right: 5px;
	}

	p.toolbar_text {
		padding-top: 4px;
		margin-left: 4px;
	}

 	+ table.simpleList {
		margin-top: -8px;
	}

	.menu {
		position: relative;

		.wrapper {
			position: absolute;
			z-index: 100000;
			left: 0;
			top: 25px;
			background: #dadada;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
		}

		li a {
			display: block;
			padding: 5px 7px 5px 26px !important;
			color: #444444;
			text-shadow: 1px 1px 0 #f3f3f3;
			font: normal 12px @font-2;
		}

		li a:hover {
			background-color: #3a74af;
			color: white;
			text-shadow: none;
		}

		li:last-child {
			a:hover,	{
				-moz-border-radius-bottomright: 3px;
				-moz-border-radius-bottomleft: 3px;
				-webkit-border-bottom-right-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				border-bottom-right-radius: 3px;
				border-bottom-left-radius: 3px;
			}
		}
	}

	.refresh {
		background: transparent url('../images/arrow_refresh.png') no-repeat 5px 4px;
	}

	.new_document {
		background: transparent url('../images/page_white_add.png') no-repeat 5px 4px;
	}

	.new_text_document {
		background: transparent url('../images/page_text_add.png') no-repeat 5px 4px;
	}

	.print {
		background: transparent url('../images/printer.png') no-repeat 5px 3px;
	}

	.lorry {
		background: transparent url('../images/lorry.png') no-repeat 5px 4px;
	}

	.delete_document {
		background: transparent url(../images/page_white_delete.png) no-repeat 5px 4px;
	}

	.restore_document {
		background: transparent url(../images/page_white_star.png) no-repeat 5px 4px;
	}

	.document_export {
		background: transparent url(../images/page_white_get.png) no-repeat 5px 4px;
	}

	.group {
		background: transparent url(../images/page_white_stack.png) no-repeat 5px 4px;
	}

	.people {
		background: transparent url(../images/group.png) no-repeat 5px 4px;
	}

	.document_import {
		background: transparent url(../images/page_white_put.png) no-repeat 5px 4px;
	}

	.enable {
		background: transparent url(../images/wand.png) no-repeat 5px 4px;
	}

	.disable {
		background: transparent url(../images/wand_disabled.png) no-repeat 5px 4px;
	}

	.people_export {
		background: transparent url(../images/users_export.png) no-repeat 5px 4px;
	}

	.manufacturer {
		background: transparent url(../images/user_suit.png) no-repeat 5px 4px;
	}

	.manage_order {
		background: transparent url(../images/text_linespacing.png) no-repeat 5px 4px;
	}

	.duplicate {
		background: transparent url(../images/page_white_copy.png) no-repeat 5px 4px;
	}

	.go_back {
		background: transparent url(../images/resultset_previous.png) no-repeat 5px 4px;
	}

	.apply {
		background: transparent url(../images/tick.png) no-repeat 5px 4px;
	}

	.congif {
		background: transparent url(../images/cog.png) no-repeat 5px 4px;
	}

	.update {
		background: transparent url(../images/database_refresh.png) no-repeat 5px 4px;
	}

	.folder_add {
		background: transparent url(../images/folder_add.png) no-repeat 5px 4px;
	}

	.folder_delete {
		background: transparent url(../images/folder_delete.png) no-repeat 5px 4px;
	}

	.folder_edit {
		background: transparent url(../images/folder_edit.png) no-repeat 5px 4px;
	}

	.move {
		background: transparent url(../images/page_white_go.png) no-repeat 5px 4px;
	}

	.view {
		background: transparent url(../images/webcam.png) no-repeat 5px 4px;
	}

	.view_columns {
		background: transparent url(../images/application_view_columns.png) no-repeat 5px 4px;
	}

	.view_icons {
		background: transparent url(../images/application_view_icons.png) no-repeat 5px 4px;
	}

	.view_thumbnails {
		background: transparent url(../images/application_view_tile.png) no-repeat 5px 4px;
	}

	.star {
		background: transparent url(../images/star.png) no-repeat 5px 4px;
	}

	.plugin {
		background: transparent url(../images/plugin.png) no-repeat 5px 4px;
	}

	.page_paint {
		background: transparent url(../images/page_white_paint.png) no-repeat 5px 4px;
	}

	.table_multiple {
		background: transparent url(../images/table_multiple.png) no-repeat 5px 4px;
	}
}

table.simpleList.toolbar_control {
	margin-top: -8px;
}

li.field div.toolbar {
	margin-bottom: 10px;
	background: #e5e5e5;
	margin-top: 3px;
}

li.field label + div.toolbar {
	margin: 10px 0;
}

li.field div.toolbar.read_only_table {
	margin-bottom: 15px;
	margin-top: 3px;
}

.scrollable_control_panel {
	background: #eeeeee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	
	.scroll_left:hover, .scroll_right:hover {
		background-color: #ddd;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-border-radius: 2px;
	}

	div.toolbar {
		float: left;
		margin-bottom: 0;
		white-space: nowrap;
		
		a.imageLink, div.imageLink {
			margin-right: 1px;
			display: inline-block;
			float: none;
		}

		div.separator {
			margin-right: 1px;
			display: inline-block;
			float: none;
			height: auto;
			margin-top: 0;
			font-size: 12px;
			font-family: @font-2;
			padding: 5px 0 !important;
		}
	}

	.listSettings {
		margin-bottom: 0;
		margin-top: 8px;
		padding-right: 7px;

		a.listSetup:hover {
			background-color: #ccc;
		}
	}

	.scroll_controls {
		float: left;
	}

	.scroll_left {
		float: left;
		width: 12px;
		font-size: 12px;
		font-family: @font-2;
		text-indent: -100000em;
		padding: 5px 2px;
		margin: 5px 0 0 5px;
		background: transparent url(../images/scroll_buttons.png) no-repeat 5px 9px;
	}

	.scroll_right {
		float: left;
		width: 12px;
		font-size: 12px;
		font-family: @font-2;
		text-indent: -100000em;
		padding: 5px 2px;
		margin: 5px 0 0 5px;
		background: transparent url(../images/scroll_buttons.png) no-repeat -10px 9px;
		margin-left: 0;
	}

	.scroll_left.disabled {
		background: transparent url(../images/scroll_buttons.png) no-repeat -23px 9px;
	}

	.scroll_right.disabled {
		background: transparent url(../images/scroll_buttons.png) no-repeat -41px 9px;
	}
}

div.scrollable_control_panel div.scroll_area {
	overflow: hidden;
	float: left;
	width: 500px;
}

.scroll_enabled div.toolbar {
	padding-left: 0;
	padding-right: 0;
}

span.caption_indicator {
	display: inline-block;
	padding: 1px 4px;
	color: white;
	background-color: #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	font-size: 10px;
	font-weight: bold;
	margin-left: 2px;
}

div.scrollableList {
	height: 200px;
	margin-bottom: 0.5em;
	overflow: auto;
	border: 1px solid #ccc;
	position: relative;
	background: white;

	table.simpleList {
		border-right: none !important;

		tbody tr:last-child td {
			border-bottom: 1px solid #eaeaea;
		}

		tbody tr.last td {
			border-bottom: none !important;
		}

		thead {
			th, td {
				border-top: none;
			}
		}
	}

	.syntaxhighlighter {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
	}
}

div.scrollableList.noBorders {
	border: none !important;
}

div.scrollableList.thickBorder {
	border-width: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

table.simpleList tbody td.bool span {
	background-image: none !important;
	margin: 0 !important;
}

div.popup_content {
	position: relative;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background: white;
	border: 3px solid #6699cc;
	margin-bottom: 0;
}

div.critical_message {
	border: 3px solid #b10000 !important;
}

a.popup_close {
	position: absolute;
	width: 22px;
	display: block;
	height: 24px;
	outline: none;
	text-indent: -1000000em !important;
	background: transparent url(../images/popup_close.png) no-repeat left top;
	right: -9px;
	top: -10px;
}

.popupLoading {
	border: 1px solid #bbb;
}

.interval_selector {
	float: right;
	background: #f6f6f6;
	border: 1px solid #ccc;
	position: relative;
	padding-right: 21px;
	margin-bottom: 1em;

	h4 {
		color: #666;
		padding: 0.3em 0.6em 0.2em;
		font-size: 1.2em;
		font-weight: normal;

		span.interval {
			color: #444;
			font-size: 1.5em;
			font-weight: bold;
			margin-top: 0.3em;
			display: block;
		}
	}

	a.trigger {
		display: block;
		position: absolute;
		text-indent: -10000em;
		background: #f0f0f0 url(../images/interval_selector.gif) no-repeat center center;
		border-left: 1px solid #ccc;
		width: 20px;
		height: 100%;
		right: 0;
		top: 0;
		outline: none;
	}

	div.datePickerWrapper {
		margin-right: -1px;
		width: 490px;
	}

	.control_panel {
		height: 2.1em;
		margin-top: 0.5em;
		border-top: 1px dotted #ccc;

		.last {
			margin-right: 0 !important;
		}
	}

	.calendar_button {
		margin-top: 0.4em;
		margin-right: 0.5em;
		float: right;
		padding: 0.4em 0.5em 0.3em 0.5em;
		background: #aaaaaa;
		color: white !important;
		text-decoration: none;
		font-size: 1.1em;
	}

	.calendar_button:hover {
		background-color: #cc9933;
	}

	div.datePickerSliderConainer {
		border: 1px solid #ccc !important;
	}

	div.type_selector {
		float: left;
		width: 80px;

		h5 {
			font-size: 1.2em;
			font-weight: bold;
			color: #666;
			margin-bottom: 0.5em;
		}

		p {
			font-size: 1.1em;
			padding: 0 0 0.2em 0;
			margin: 0;

			a {
				display: block;
				color: #666;
				padding: 1px 0 1px 5px;
				margin-left: -5px;
				text-decoration: none;
				outline: none;
			}

			a:hover {
				background: #3e99ca !important;
				color: white !important;
			}

			a.current {
				font-weight: bold;
				color: #333;
				background: transparent url(../images/interval_marker.gif) no-repeat right center;
			}
		}
	}

	div.picker_panel {
		float: right;
		height: 142px;
		border-left: 1px dotted #ccc;
		padding-left: 10px;
		width: 372px;

		label {
			font-size: 1.1em;
			margin-right: 1em;
			color: #333;
		}

		label.to {
			margin-left: 1em;
		}
	}
}

.whiteOverlay {
	background: white;
}

ul.imageItemList {
	padding-bottom: 15px;

	li {
		width: 350px;
		display: inline-block;
		vertical-align: top;
		padding-left: 0.7em;
		padding-top: 10px;
		cursor: pointer;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;

		div {
			padding-right: 1em;
		}

		img {
			float: left;
			margin: 0 1em 0.7em 0;
		}

		h3 {
			font: bold 1.3em @font-2;
			margin-bottom: 0.2em;
			padding-bottom: 0;
			color: #333;
			margin-left: 60px;

			a {
				text-decoration: none;
			}

		}

		p {
			font: normal 1.2em/150% @font-2;
			margin-left: 60px;
			color: #666;
		}

	}

	li:hover {
		background-color: #eee;
	}
}

.search500 div.searchControl {
	width: 500px;

	input {
		width: 461px;
	}
}

.search700 div.searchControl {
	width: 700px;

	input {
		width: 661px;
	}
}

.tabs .tabs_tabs li .rt {
	background-image: url(../images/rnd_5_rt.png);
}

.tabs .tabs_tabs li .lt {
	background-image: url(../images/rnd_5_lt.png);
}

.tabs .tabs_tabs li a {
	color: #666666;
	text-decoration: none;
	outline: none !important;
}

.tabs .tabs_tabs li.active {
	background: #336699 !important;

	a {
		background: #336699 !important;
	}
}

.tabs .tab_separator {
	border-color: #336699 !important;
}

.tabs .tabs_pages ol.simpleList li {
	display: list-item;
}

li.form_page {
	padding: 10px 12px 5px 10px;
	background: #edf8f8;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
	&.fullsize {
		padding: 0!important;
		background: transparent;
	}
}

div.form_page {
	padding: 10px 12px 5px 10px;
	background: #edf8f8;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

li.form_page .defaultSkin table, div.form_page .defaultSkin table {
	background: #edf8f8 !important;
}

li.form_page .defaultSkin .mceButton, div.form_page .defaultSkin .mceButton {
	border-color: #edf8f8 !important;
}

.defaultSkin td.mceToolbar {
	background: #edf8f8 !important;
}

.defaultSkin td.mceIframeContainer {
	.round_corners(3px,3px,0,0);
	border-color: #AAAAAA!important;
	border-width: 1px;
	border-style: solid;
	border-bottom-style: none;
	
	iframe {
		.round_corners(3px,3px,0,0);
	}
}

.defaultSkin td.mceStatusbar {
	background-color: #eeeeee;
}

th.order_status, td.order_status {
	width: 18px !important;
	padding-left: 0 !important;
}

td.order_status span {
	line-height: 0;
	margin-top: 0.2em;
	width: 11px;
	height: 11px;
	float: right;
	border: 1px solid #888888;
	border: 1px solid rgba(100,100,100,0.3);
}

span.order_status_marker {
	display: inline-block;
	border: 1px solid #888888;
	border: 1px solid rgba(100,100,100,0.3);
	line-height: 90%;
	width: 20px;
	height: 20px;
	text-indent: -100000em;
}

p.description span.order_status_marker {
	width: 11px;
	height: 11px;
	line-height: 100%;
}

table.name_value_list {
	border-collapse: collapse;
	margin-bottom: 1em;
	line-height: 170%;

	td {
		padding: 3px 0 3px 10px;
		font-size: 1.2em;
		vertical-align: top;
		text-align: left;
		color: #333;
	}

	th {
		padding: 3px 10px 3px 0;
		font-size: 1.2em;
		vertical-align: top;
		text-align: right;
		color: #333333;
		border-right: 1px solid #ddd;
		
		&.align-middle {vertical-align: middle;}
	}
}

a.nolink {
	color: inherit;
}

div.tooltip {
	font: normal 1.1em/150% @font-1;
	z-index: 3000;
	color: #ccc!important;
	.opacity(90);

	.tip-title {
		font-weight: bold;
		padding-bottom: 0.4em;
	}

	.tip {
		background-color: #000;
		padding: 9px 11px;
		.round_corners(3px, 3px, 3px, 3px);
		margin-top: 14px;
		.box-shadow(0, 0, 3px, 0.5);
		color: #fff!important;
		text-decoration: none!important;
		text-shadow: 0 0 1px rgba(0,0,3px,0.3);
	}

	.tip-top {
		position: absolute;
		width: 20px;
		height: 14px;
		top: 0;
		left: 10px;
		background: transparent url(../images/tooltip_arrow.png) no-repeat left top;
	}
}

.light_loading_indicator {
	position: fixed;
	z-index: 1000000000;
	top: 0;
	left: 0;
	width: 100%;
	font-weight: bold;
	color: black;
	font-size: 1.2em;

	span {
		background: #ffd62b;
		display: block;
		width: 15em;
		margin: 0 auto;
		text-align: center;
		padding: 0.3em 0;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
}

table.layoutTable {
	border-collapse: collapse;
	width: 100%;

	td {
		vertical-align: top;
	}

	td.paddingLeft {
		padding-left: 20px;
	}

	td.rightFixedColumn {
		width: 300px;
		padding-left: 20px;
	}

}

.secondary_tabs .tabs .tabs_tabs li.active {
	background-color: #b3b2b2 !important;
	
	a {
		background-color: #b3b2b2 !important;
	}
}

.secondary_tabs .tabs .tabs_tabs li, .secondary_tabs .tabs .tabs_tabs li a {
	background-color: #eee;
}

.secondary_tabs .tabs div.tab_separator {
	border-bottom-color: #b3b2b2 !important;
}

.secondary_tabs .tabs li.page {
	background-color: #f3f3f3;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.infoBlock {
	font-family: @font-1;

	.scrollable {
		padding: 10px !important;
		overflow: auto;
		position: relative;
		background: #f3f3f3;

		.offset_bottom {
			padding-bottom: 0.3em;
		}
	}

	h4 {
		color: #333;
		font-family: @font-1;
	}

	h4.separated {
		margin-bottom: 0.5em;
		font-weight: normal;
	}

	h3 {
		font-size: 1.4em;
	}

	p {
		font-size: 1.1em;
		font-family: @font-1;
	}

	p.description {
		font-size: 1.2em;
	}

	ul {
		font-size: 1.2em;
		line-height: 150%;
		padding-bottom: 0.9em;
	}

	li {
		display: block;
		color: #333;
		padding-bottom: 0.3em !important;
		padding-left: 8px;
		background: transparent url(../images/bullet_small.gif) no-repeat left 0.5em;
	}

	li.tab_page {
		background: none;
		padding-bottom: 10px !important;
		padding-left: 0;
	}

	div.content {
		padding: 0 10px 0 10px;
	}

	div.code {
		margin-bottom: 1em;
		background-color: #fff;
		border: 1px solid #ddd;
		color: #222222;
		padding: 0.2em 0.8em;
		display: block;
		font: 1.1em/150% 'Monaco', courier, monospace, sans-serif;

		em {
			font-style: normal;
			color: #aa0000;
		}
	}
}

div.scrollableList.padding {
	padding: 5px;
}

div.scrollableList.code {
	background: #fff !important;
}

div.scrollableList.form {
	padding: 5px;
	border-width: 2px;
}

div.highlighter {
	font-size: 14px !important;
	display: relative;
	padding-top: 40px;

	.syntaxhighlighter {
		position: static !important;

		.toolbar {
			left: -8px !important;
			right: auto !important;
			background-color: transparent !important;
			border: none !important;
		}
	}

	div.scrollableList {
		border-width: 2px;
		position: static !important;
	}
}

pre.code {
	font: 1.5em/110% 'Monaco', courier, monospace, sans-serif !important;
	display: block;
	padding: 0 1em 1em 1em;
	background: #fff !important;
}

table.simpleList {
	div.row_controls {
		position: absolute;
		left: 130px;
		display: inline-block;
		.opacity(90);

		div.content {
			ul {
				display: block;
			
				li {
					display: block;
					position: relative;

					a { 
						.box-shadow(0, 0, 3px, 0.5);
						color: #ccc!important;
						text-decoration: none!important;
						text-shadow: 0 0 1px rgba(0,0,3px,0.3);
						font-weight: normal !important;
						font-style: normal !important;
						display: block!important;
						padding: 9px 45px 9px 11px!important;
						line-height: 100%!important;
						background-color: #000;
						background-position: left top!important;
						border-bottom: 1px solid #a4a4a4;
						position: relative;
						z-index: 99;
						outline: none;
						text-align: left!important;
						min-width: 80px;
						text-indent: 0!important;
						
						span {
							font-weight: normal!important;
							text-align: right
							color: #ccc!important;
						}
					}

					.handle {
						height: 12px;
						width: 5px;
						top: 8px;
						left: -5px;
						background: transparent url(../images/popup_menu_indicator.png) no-repeat left top;
						position: absolute;
						z-index: 100;
					}

					&:hover  { 
						a {
							background-color: #27689b;
							color: white!important;
						}
						
						.handle {
							background: transparent url(../images/popup_menu_indicator.png) no-repeat left -12px;
						}
					}
					
					&:first-child a {
						.border_radius_lt(3px);
						.border_radius_rt(3px);
					}

					&:last-child a {
						.border_radius_rb(3px);
						.border_radius_lb(3px);
						border-bottom: none;
					}
					
					&.default a {
						font-weight: bold!important;
						color: white!important;
						background-image: url(../images/default_menu_indicator.png);
						background-repeat:  no-repeat;
						background-position: right center!important;
					}
				}	
			}
		}
	}	
}

.right_row_controls div.row_controls div.shadow {
	background: transparent url(../images/row_controls_shadow_right.png) no-repeat right top;
	padding-right: 6px;
	padding-left: 0;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
}

.right_row_controls div.row_controls div.content_container {
	padding-right: 0;
	padding-left: 4px;
}

.right_row_controls div.row_controls div.content {
	background: transparent url(../images/row_controls_bg_right.png) no-repeat right top;
	padding-left: 0;
	padding-right: 15px;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

.right_row_controls div.row_controls ul li {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}
/*
table.simpleList tr.deleted th div.row_controls ul li a, table.simpleList tr.deleted td div.row_controls ul li a, table.simpleList tr.disabled ul li a {
	color: #336699 !important;
	font-weight: normal !important;
	font-style: normal !important;
	display: inline !important;
	padding: 0 !important;
}
*/

div.flash_chart {
	margin-bottom: 15px;
}

div.flash_overlay {
	background: transparent url(../images/gray_stripe.gif) repeat left top;
}

div.system_message_container {
	padding: 10px;
}

div.system_message_panel {
	background: #fffbe7 url(../images/warning.png) no-repeat 10px 10px;
	border: 3px solid #f0e9cd;
	padding: 1em 1em 1em 70px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	h3 {
		color: #9b622a;
		font-weight: bold;
		padding-bottom: 1em;
	}

	ul {
		font-size: 1.2em;
		line-height: 150%;

		li {
			background: transparent url(../images/bullet_warning.gif) no-repeat 2px 0.5em;
			color: #555;
			padding-left: 10px;
		}

	}

	p {
		color: #555;
	}

}

div.system_updates {
	background: #fffbe7 url(../images/updates.png) no-repeat 10px 10px;
}

span.file_icon {
	display: block;
	background-color: transparent;
	background-image: url(../images/file_icons/file.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.jpeg span.file_icon, .jpg span.file_icon, .gif span.file_icon, .bmp span.file_icon, .ico span.file_icon, .icon span.file_icon, .png span.file_icon, .tiff span.file_icon, .tif span.file_icon, .raw span.file_icon {
	background-image: url(../images/file_icons/picture.png);
}

.xls span.file_icon, .xlsx span.file_icon {
	background-image: url(../images/file_icons/excel.png);
}

.exe span.file_icon {
	background-image: url(../images/file_icons/application.png);
}

.doc span.file_icon, .docx span.file_icon {
	background-image: url(../images/file_icons/doc.png);
}

.zip span.file_icon, .rar span.file_icon {
	background-image: url(../images/file_icons/archive.png);
}

.swf span.file_icon {
	background-image: url(../images/file_icons/flash.png);
}

.pdf span.file_icon {
	background-image: url(../images/file_icons/pdf.png);
}

.css span.file_icon {
	background-image: url(../images/file_icons/css.png);
}

.js span.file_icon, .sql span.file_icon {
	background-image: url(../images/file_icons/script.png);
}

.php span.file_icon {
	background-image: url(../images/file_icons/php.png);
}

.txt span.file_icon, .odt span.file_icon, .rtf span.file_icon {
	background-image: url(../images/file_icons/text.png);
}

.ods span.file_icon {
	background-image: url(../images/file_icons/table.png);
}

.ppt span.file_icon {
	background-image: url(../images/file_icons/office.png);
}

.psd span.file_icon {
	background-image: url(../images/file_icons/photo.png);
}

ul.selectable_list li {
	padding-bottom: 1px;
	background: transparent url(../images/dotted_border_hor.gif) repeat-x scroll left bottom;
	line-height: 150%;

	a {
		display: block;
		padding: 0.8em 1em;
		text-decoration: none;
		color: #333333;
		font-size: 1.1em;
		outline: none;

		span {
			display: block;
		}

		span.title {
			font-weight: bold;
		}

		span.description {
			margin-top: 3px;
			color: #666;
		}

	}

	a:hover {
		background-color: #eee;
	}
}

ul.selectable_list li.last {
	background-image: none;
	padding-bottom: 0;
}

.addFileLink p.loading {
	font-size: 12px;
}

.upload_files_loading_indicator {
	position: absolute;
	left: 0;
	top: 0;
}

div.lock_message {
	background: transparent url(../images/lock.png) no-repeat -5px top;
	padding-left: 35px;
}

div.warning_fix_form {
	background: transparent url(../images/warning.png) no-repeat left -3px;
	padding-left: 60px;
}

p.feed_link {
	float: right;
	background: transparent url(../images/feed.png) no-repeat right top;
	padding-right: 20px;
}

a.row_drag_handle {
	width: 15px;
	height: 15px;
	background: transparent url(../images/arrow_up_down_gray.png) no-repeat center center;
	display: block;
	text-indent: -1000000em;
	outline: none;
}

div.disabled_sorting a.row_drag_handle {
	background: transparent url(../images/arrow_up_down_disabled.png) no-repeat left top;
}

ul.simple_tree {
	border-top: 2px solid #666;

	ul.simple_tree {
		border-top: none;
	}

	li .tree_branch {
		font: normal 11px/150% @font-1;
		padding: 5px 0;
		color: #333333;
		border-bottom: 1px solid #eaeaea;

		a.row_icon {
			float: left;
			margin-right: 5px;
			margin-left: 5px;
		}
	}

	li .title {
		float: left;

		.row_title {
			font: bold 11px/150% @font-1;
			display: block;
		}
	}

	li .row_notes {
		display: block;
		color: #666;

		a {
			color: #666;
		}
	}

	li a img {
		border: none;
	}

	.even {
		background-color: #f5f5f5;
	}

	.drag .tree_branch {
		background-color: #f9f8d7 !important;
	}

}

div.hint {
	background: #f9f2bd url(../images/lightbulb.png) no-repeat 10px 8px;
	padding: 8px 20px 8px 35px;
	margin-bottom: 15px;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #383720;

	p {
		font: 12px/150% @font-1;
		padding-bottom: 4px;

		strong {
			font-weight: normal;
			color: #000;
		}

	}

	p.last {
		padding-bottom: 0;
	}

	a.close {
		display: block;
		width: 10px;
		height: 10px;
		outline: none;
		background: transparent url(../images/hint_close_icon.png) no-repeat left top;
		right: 8px;
		top: 10px;
		position: absolute;
		text-indent: -100000em;
	}
}

.form div.hint {
	border: 2px solid #e0d59b;
}

div.hint.minor_margin {
	margin-bottom: 5px;
}

div.backend_scroller {
	background-color: #f4f4f4;
	border: 1px solid #e9e9e9;
	height: 200px;
	overflow: hidden;
	padding-left: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div.backend_scroller_container {
	position: relative;
	padding: 8px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #f4f4f4;
	border: 1px solid #e9e9e9;

	.v_slider {
		position: absolute;
		top: 7px;
		right: 5px;
		width: 8px;
		background-color: #e2e2e2;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;

		.knob {
			position: relative;
			height: 30px;
			width: 8px;
			cursor: pointer;
			background-color: #9f9f9f;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}
	}

	div.backend_scroller {
		border: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		padding-right: 15px;
	}
}

div.outer_scroller div.backend_scroller_container, div.outer_scroller div.backend_scroller_container div.backend_scroller {
		background-color: transparent;
		border: none;
		padding-left: 0;
}

.grid_container {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: transparent url(../images/checker_bg.gif) repeat;
	
	.v_slider:hover, .v_slider.active {
		opacity: 1;
		-moz-transform: scale(1.3,1);
		-webkit-transform: scale(1.3,1);
	}

	.backend_scroller {
		padding: 0 !important;
		-moz-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: transparent;
	}

	div.backend_scroller_container {
		padding: 0;
		background: transparent;
		border: none;
		-moz-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.v_slider {
		opacity: 0;
		-webkit-transition: all 0.3s linear;
	}

	p.noData {
		padding: 2em 1em;
	}
}

.grid_container.mouse_move .v_slider {
	opacity: 0.5;
}

.grid .simpleList {
	border: none !important;
}

.grid .scroll_enabled table.simpleList tbody tr:last-child td {
	border-bottom: none !important;
}

a.table_row_insert {
	background: transparent url(../images/table_row_insert.png) no-repeat 5px 3px;
}

a.table_row_delete {
	background: transparent url(../images/table_row_delete.png) no-repeat 5px 3px;
}

a.table_save {
	background: transparent url(../images/table_save.png) no-repeat 5px 3px;
}

a.folder_table {
	background: transparent url(../images/folder_table.png) no-repeat 5px 3px;
}

table.print_table {
	width: 100%;
	border-collapse: collapse;
	font: normal 13px/130% @font-1;
	color: #333333;
	margin-bottom: 15px;
	
	tr.even {
		background-color: #f5f5f5;
	}
	
	th.number, td.number {
		text-align: right;
	}

	td, th {
		text-align: left;
		vertical-align: top;
		padding: 2px 5px;
	}

	th:first-child, td:first-child {
		padding-left: 0;
	}

	th:last-child, td:last-child {
		padding-right: 0;
	}

	thead {
		th, td {
			border-bottom: 2px solid #ccc;
			font-weight: bold;
			color: #111;
		}

	}

	tbody {
		border-bottom: 1px solid #555;
		
		th, td {
			font-size: 12px;
			border-top: 1px solid #ddd;
		}

		tr:first-child {
			th, td {
				border-top: none;
			}
		}
	}

	tr.grand_total {
		td, th {
			border-top: 1px solid #333;
			font-size: 15px;
			font-weight: bold;
		}
	}
}

table.print_table:last-child {
	margin-bottom: 0;
}

table.print_table.totals {
	float: right;
	width: auto;
	
	th, td {
		color: #111;
		text-align: right;
		font-weight: normal;
	}
}

table.print_layout_table {
	border: none;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 15px;

	td {
		padding-right: 1cm;
		padding-bottom: 10px;

		p:last-child {
			padding-bottom: 0;
		}

	}

	td.last {
		padding-right: 0 !important;
	}

	td.logo {
		width: 100px;
	}

	td.inv_number {
		text-align: right;

		h3:last-child {
			padding-bottom: 0;
		}
	}
}

div.print_sheet {
	page-break-after: always;
	border-bottom: 1px dotted #333333;
	padding-bottom: 15px;
	margin-bottom: 15px;
	page-break-inside: avoid;
}

div.print_sheets {
	div.print_sheet:last-child, div.print_sheet.no_page_breaks:last-child {
		page-break-after: avoid !important;
		border-bottom: none !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

}

div.print_sheet.no_page_breaks {
	page-break-after: avoid !important;
	border-bottom: 1px dotted #333333 !important;
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
}

span.rating_stars {
	display: block;
	width: 73px;
	height: 15px;
	text-indent: -100000em;
	text-align: left;
	background: transparent url(../images/rating_stars.png) no-repeat left top;
	margin: 5px 2px 0;
}

span.rating_stars.no_rating {
	background-image: none;
}

span.rating_stars.stars_1 {
	background-position: left -120px;
}

span.rating_stars.stars_15 {
	background-position: left -105px;
}

span.rating_stars.stars_2 {
	background-position: left -90px;
}

span.rating_stars.stars_25 {
	background-position: left -75px;
}

span.rating_stars.stars_3 {
	background-position: left -60px;
}

span.rating_stars.stars_35 {
	background-position: left -45px;
}

span.rating_stars.stars_4 {
	background-position: left -30px;
}

span.rating_stars.stars_45 {
	background-position: left -15px;
}

span.rating_stars.stars_5 {
	background-position: left top;
}

ul.sortable li.drag {
	color: #333333 !important;
}

div.page_information {
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ffffff;
	background: #333333;
	margin-bottom: 15px;
	p, a {
		color: #ffffff;
	}

}

div.limited_version_message {
	padding: 10px;
	padding: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ffffff;
	background: #333333;
	margin-bottom: 15px;
	margin: 0;

	a {
		color: #ffffff;
		padding: 10px 10px 10px 30px;
		display: block;
		text-decoration: none;
		font-size: 12px;
		background: transparent url(../images/icon_lock_unlock.png) no-repeat 10px 7px;
	}

	a:hover {
		background-position: 10px -211px;
	}

}

ol.simpleList {
	font-size: 12px;

	li {
		list-style: decimal outside;
		margin-left: 20px;
		line-height: 150%;
		display: list-item;
	}
}

/*
 * Sidebar selector
 */

ul.sidebar-selector {
	padding-right: 15px;
	
	li {
		div {
			padding: 0 10px 0 4px;
			margin: 3px 0;
			background-image: url(../images/sidebar_arrow.png);
			background-repeat: no-repeat;
			background-position: right 50%;
			.round_corners(5px, 0, 0, 5px);
		}
		
		a {
			display: block;
			padding: 10px;
			position: relative;
			font-size: 12px;
			line-height: 140%;
			text-decoration: none;
			color: #333;
			outline: none;
			white-space: nowrap;
		}
		
		&.current,
		&.current.drag {
			div {background-color: #336699!important;}
			a {color: white;}
		}
		
		&:hover div {background-color: #eee;}
		&.drag div {background-color: #eee!important;}
		
		&.separated {
			margin-top: 10px;
			padding-top: 8px;
			border-top: 1px dotted #ccc;
		}
		
		&.hide-selector a {
			background: transparent url(../images/hide_sidebar_selector.png) no-repeat 11px 12px;
		}
		
		&.no-arrow div {
			.round_corners(5px, 5px, 5px, 5px);
			background-image: none;
		}
	}
}

/*
 * Browser-specific tweaks
 */

.webkit {
	.main_menu_wrapper {
		.top_tabs li.top_tab {
			ul.tab_groups li { background-position: right 50%; }
		}
	}
	
	div.form {
		ul.formElements {
			li.checkbox div.checkbox { top: 2px; }
		}
	}
}